/* 首页 */

/* banner style */
#banner {height:560px;background:#eee;}
.ft-carousel {position:relative;width:100%;height:100%;overflow:hidden;}
.ft-carousel .carousel-inner {position:absolute;left:0;top:0;height:100%;}
.ft-carousel .carousel-inner .carousel-item {float:left;height:100%;}
.ft-carousel .carousel-item img {width:100%;height:100%;}
.ft-carousel .carousel-indicators {position:absolute;left:0;bottom:10px;width:100%;text-align:center;font-size:0;}
.ft-carousel .carousel-indicators span {display:inline-block;width:12px;height:12px;background-color:#fff;margin:0 4px;border-radius:50%;cursor:pointer;}
.ft-carousel .carousel-indicators span.active {background-color:#de3a3a;}
.ft-carousel .carousel-btn {position:absolute;top:50%;width:50px;height:45px;margin-top:-25px;cursor:pointer;}
.ft-carousel .carousel-prev-btn {left:0;background:url(../image/index/prev.png) no-repeat;}
.ft-carousel .carousel-next-btn {right:0;background:url(../image/index/next.png) no-repeat;}

#info-search {padding:20px 0;border-top:1px solid #ccc;}
.flyer-form.search .flyer-input,
.flyer-form.search .flyer-select,
.flyer-form.search .flyer-button {height:40px;line-height:40px;}
.flyer-form.search .input-title,
.flyer-form.search .input-inline {height:42px;line-height:42px;}
.flyer-form.search .input-title {width:75px !important;}
.flyer-form.search .flyer-select .drop {top:14px;}
.flyer-select.active ul {top:40px !important;}

#recommend-designer {padding:20px 0;height:532px;background-color:#ababab;background:url(../image/index/user-recommend.png)center no-repeat;}
#show-window {position:relative;height:100%;overflow:hidden;}
#show-window .move-window {width:300%;}
#show-window .move-window .contenter {float:left;margin:auto 0;}
#show-window .move-button {display:none;position:absolute;top:50%;margin-top:-30px;width:60px;height:60px;line-height:60px;font-size:34px;text-align:center;border-radius:30px;color:#fff;background-color:rgba(0,0,0,.5);cursor:pointer;}
#show-window .move-button.left {left:0;}
#show-window .move-button.right {right:0;}
#show-window:hover .move-button {display:block;}

#advantage {padding:20px 0;}
.advantage {float:left;width:25%;}
.advantage .panel {padding:30px 0;margin:5px;border-radius:5px;}
.advantage .imager {margin:0 50px;height:200px;}
.advantage .imager.step1 {background:url(../image/index/advantage-scale.png) center no-repeat;}
.advantage .imager.step2 {background:url(../image/index/advantage-bond.png) center no-repeat;}
.advantage .imager.step3 {background:url(../image/index/advantage-cost.png) center no-repeat;}
.advantage .imager.step4 {background:url(../image/index/advantage-customer.png) center no-repeat;}
.advantage .title,
.advantage .sub-title {line-height:30px;font-size:12px;text-align:center;}
.advantage .title {font-size:18px;}

#newly-designer {height:270px;}

#employment-steps {padding:41px 0;background-color:#fafafa;}
.employment-steps {float:left;width:16.6666%;}
.employment-steps .panel {padding:30px 0;border-radius:5px;}
.employment-steps .imager {margin:0 20px;height:160px;}
.employment-steps .imager.step1 {background:url(../image/index/employment-step-recruit.png) center no-repeat;}
.employment-steps .imager.step2 {background:url(../image/index/employment-step-salary.png) center no-repeat;}
.employment-steps .imager.step3 {background:url(../image/index/employment-step-server.png) center no-repeat;}
.employment-steps .imager.step4 {background:url(../image/index/employment-step-upload.png) center no-repeat;}
.employment-steps .imager.step5 {background:url(../image/index/employment-step-confirm.png) center no-repeat;}
.employment-steps .imager.step6 {background:url(../image/index/employment-step-finish.png) center no-repeat;}
.employment-steps .title,
.employment-steps .sub-title {line-height:30px;font-size:12px;text-align:center;}
.employment-steps .title {font-size:18px;}

#hot-design {}

#cooperator {margin-bottom:30px;}
.cooperator {float:left;width:12%;}
.cooperator .panel {margin:20px 10px;height:50px;overflow:hidden;}
.cooperator .imager {width:100%;height:100%;background-size:cover;border:none;filter:progid:DXImageTransform.Microsoft.BasicImage(grayscale=1);-webkit-filter:grayscale(100%);}
.cooperator .imager:hover {filter:none;-webkit-filter:none;}

#employment-banner {height:250px;background-color:#ababab;color:#696969;}
#employment-bannero {height:150px;background-color:#ababab;color:#696969;background:url(../image/index/yqyl.jpg) center no-repeat;}
.employment-banner {padding:50px 100px;}
.employment-banner .h3 {font-size:28px;font-weight:700;text-align: center;}
.employment-banner .sub {margin-top:20px;font-size:12px;text-align: center;}
.employment-banner .flyer-button {margin:40px 0 0 130px;}

.article {padding:20px 0;min-height:155px;border-top:1px solid #ddd;}
.article.first {border-top:none;}
.article .imager {float:left;width:220px;max-height:155px;margin-right:30px;}
.article .article-title {height:35px;line-height:35px;font-size:16px;font-weight:700;}
.article .article-information,
.article .article-more,
.article .article-detail {line-height:25px;color:#666;}
.article .article-more {text-align:right;}
.article .article-title a,
.article .article-more a {text-decoration:none;color:#666;}

/*右侧悬浮菜单*/
.slide{width: 50px;height: 200px;position: fixed;top:65%;margin-top: -126px;background: #399d9c;right: 0;border-radius: 5px 0 0 5px;z-index: 999;}
.slide ul{list-style: none;}
.slide .icon li{width: 49px;height: 50px;background: url(../image/customer/icon.png) no-repeat;}
.slide .icon .up{background-position:-330px -120px;}
.slide .icon li.qq{background-position:-385px -73px;}
.slide .icon li.tel{background-position:-385px -160px;}
.slide .icon li.wx{background-position:-385px -120px;}
.slide .icon li.down{background-position:-330px -160px;}
.slide .info{top: 50%;height: 147px;position: absolute;right: 100%;background: #399d9c;width: 0px;overflow: hidden;margin-top: -73.5px;transition:0.5s;border-radius:4px 0 0 4px;}
.slide .info.hover{width: 145px;}
.slide .info li{width: 145px;color: #CCCCCC;text-align: center;}
.slide .info li p{font-size: 1.1em;line-height: 2em;padding: 15px;text-align: left;}
.slide .info li.qq p a{display: block;margin-top: 12px;width: 100px;height: 32px;line-height: 32px;color: #00DFB9;font-size: 16px;text-align: center;text-decoration: none;border: 1px solid #00DFB9;border-radius: 5px;}
.slide .info li.qq p a:hover{color: #FFFFFF;border: none;background: #00E0DB;}
.slide .info li div.img{height: 100%;background: #DEFFF9;margin: 15px;}
.slide .info li div.img img{width: 100%;height: 100%;}
/*控制菜单的按钮*/
.index_cy{width: 30px;height: 30px;background: url(../image/customer/index_cy.png);position: fixed;right: 0;top:58%;margin-top: 140px;background-position: 62px 0;cursor: pointer;}
.index_cy2{width: 30px;height: 30px;background: url(../image/customer/index_cy.png);position: fixed;right: 0;top:58%;margin-top: 140px;background-position: 30px 0;cursor: pointer;}
/*自适应 当屏小于1050时隐藏*/
@media screen and (max-width: 1050px) { .slide{display: none;}#btn{display: none;}
}
